Ext.create('Ext.data.Store', {
    storeId:'clientStore',
    fields:['user', 'username', 'typeid', 'numid', 'email', 'tel'],
    data:[
        {user:"Michael", username:"Scott", typeid:7, numid: '9770963', email:"Manangement", tel:"01/10/2004"},
        {user:"Dwight", username:"Schrute", typeid:2, numid: '9770964', email:"Sales", tel:"04/01/2004"}
    ]
});

Ext.create('Ext.tab.Panel', {
   renderTo: Ext.getBody(),
   items: [
       {
           title: 'Clientes',
           items: [
               Ext.create('Ext.grid.Panel', {
                   store:Ext.data.StoreManager.lookup('clientStore'),
                   columns: [
                       {header: 'Nombre', dataIndex: 'user'},
                       {header: 'Usuario', dataIndex: 'username'},
                       {header: 'Tipo ID', dataIndex: 'typeid'},
                       {header: 'Num ID', dataIndex: 'numid'},
                       {header: 'Email', dataIndex: 'email'},
                       {header: 'Teléfono', dataIndex: 'tel'}
                   ]
               })
           ]
       },
       {
           title: 'Productos'
       },
       {
           title: 'Usuarios'
       },
       {
           title: 'Perfiles'
       },
       {
           title: 'Permisos'
       }
   ],
   listeners:{
       'tabchange':function(tabPanel, newCard, oldCard, options){
           switch(String(newCard.title).toLowerCase()){
               case 'productos':
                   alert('hola');
                   break;
               case 'usuarios':
                   alert('mundo');
                   break;
           }
       }
   }
});

